<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Apu in CSS</title>
    <meta name="description" content="Apu in CSS">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/apu.css">
</head>
<body>

    <div id="apu">
        <div class="head">
            <div class="hair hair1"></div>
            <div class="hair hair2"></div>
            <div class="body head-main1"></div>
            <div class="circle body ear">
                <div class="no-border circle inner1"></div>
                <div class="no-border circle inner2"></div>
            </div>
            
            <div class="no-border body neck1"></div>
            
            <div class="hair sideburn">
		<div class="no-border hair clip"></div>
	    </div>
            
            <div class="circle body eyebrow"></div>
            <div class="circle body eyebag1"></div>
            
            <div class="circle left-eye eye">
                <div class="no-border circle pupil"></div>
		<div class="no-border body eyelid-top"></div>
		<div class="no-border body eyelid-bottom"></div>
            </div>
            
            <div class="circle right-eye eye">
                <div class="no-border circle pupil"></div>
		<div class="no-border body eyelid-top"></div>
		<div class="no-border body eyelid-bottom"></div>
            </div>
            
            <div class="circle body mouth2"></div>
            
            <div class="body tooth tooth1"></div>
            <div class="body tooth tooth2"></div>
            <div class="body tooth tooth3"></div>
            <div class="body tooth tooth4"></div>
            
            <div class="circle body mouth1"></div>
	    <div class="no-border circle eyebag2"></div>
            <div class="no-border circle body mouth3"></div>
            
            <div class="no-border body neck2"></div>
            
            <div class="body nose-tip"></div>
            <div class="no-border body nose"></div>
            
            <div class="no-border moustache moustache-left"></div>
            <div class="no-border moustache moustache-right"></div>
        </div>
    </div>
    
</body>
</html>
